<template>
	<div>
		<!-- 搜索 -->
		<el-row :gutter="20">
			<el-col :span="8">
				<el-input placeholder="请输入内容" class="input-with-select">
					<el-button slot="append" icon="el-icon-search"></el-button>
				</el-input>
			</el-col>
			<el-col :span="4">
				<zh-button color="primary" size="large" @click="$router.push('/addGoods')">添加商品</zh-button>
			</el-col>
		</el-row>

		<el-table border width="100%">
			<el-table-column type="index" label="#"></el-table-column>
			<el-table-column label="商品名称" width="768"></el-table-column>
			<el-table-column label="商品价格(元)"></el-table-column>
			<el-table-column label="商品重量"></el-table-column>
			<el-table-column label="创建时间"></el-table-column>
			<el-table-column label="操作"></el-table-column>
		</el-table>

		<!-- 分页 -->
		<zh-pagination background :pageSizes="[2,4,6,8,10]" :total="10" :showPages="7"
			:layouts="['next','prev','pages','goto','info']" >
		</zh-pagination>
	</div>
</template>

<script>
	export default {
		// 组件名称
		name: 'demo',
		// 组件参数 接收来自父组件的数据
		props: [],
		// 局部注册的组件
		components: {},
		// 组件状态值
		data() {
			return {}
		},
		mounted() {},
		// 计算属性
		computed: {},
		// 侦听器
		watch: {},
		// 组件方法
		methods: {},
		/**
		 * 组件实例创建完成
		 */
		created() {},
	}
</script>

<style scoped>

</style>
